nabil299@Gmail .com 


NAVIGATION IOOLS 


اعداد المهندس 


دبلوم علوم حاسوب 


حينما نعبر شطر العمل الدؤوب , لا يهيم في داخلنا سوى أولئك الذين غرسوازهرآ جميل في طريقا 


.. أولئك الذين منحونا العزم تلو العزم , لنتخطى الصعاب , ونقف واثقي الخطى 


نشاطرهم الإبداع حرفا ولغة .. لا يسع حروفي ألا أن تمتزج لتگون كلمات شكر .. 


ليس لأحد معين ,,, وانما لكل من علمني حرفاً 
تعجز اناملي عن شكرهم ولكني قد ....... 
أبحرت في بحر الكلام لأقتفي **** أحلى كلمات وأحلى الأحرف 
لكنما الأمواج أردت قارب ي **** فتحطمت خجلا جميع مجااشي 
لو أنني أنشدت الف قص öŠددة‏ ****لوجدتها في حقكم لالن تفي 
أخص بالذكر / 
أ اإعمار الحرازي د | نجيب المنصور 


أ | محمد يحي مهدي مصلح نمر النصيرات 


كما أشكر هذا الموقع المتميز كلب رررءءء.. 


إلى والدي افاي على قلبي حفظه اللهء الذي كان دائنماً يقدم 
لي کل ما بوسعه 
من أجل أن أبلغ الدرج_ات العلى في العلم 
فجزاك الله كل الخير يا أبي. 
و آل ا ي ال واه خخ اها الله هن کل شر: 


التي ما بخلت علي يوما قط من 


دعائها فجزاها الله ني كل خير. 


إلى القارئ العزيز 


حرصت .. ومن منطلق اهتمامي العام بعلوم الحاسب والتقنية واهتمامي الخاص بتقديم هذه العلوم 
باللغة العربية .. على طرح هذه السلسة من الكتب الإلكترونية التى أتمنى أن تحقق طموحات القارئ 
العربي الذي اعتاد على قراءة أجود المطبوعات بكافة اللغات العالمية ...من خلال هذه السلسلة .. 
أطمح لتقديم سلسلة من الكتب بمستوى عال من الجودة » الشيء الذى لن يتحقق بدون ملاحظاتكم 
واقتراحاتكم حول السلسلة .. طريقة الكتابة » الأخطاء الإملائية والنحوية › التنظيم والترتيب 


طلب خاص: لا تبخلوا علي بنصائحكم» و أرجوا أن ترسلوا لي بملاحظتكم على البريد الإلكتروني 


و سأکون شاکراً لکم . جزاکم الله خيراً. 


ما هي أدوات التحكم بالتصفح في إل ٤Ne.مAs‏ ؟ 
أدوات التحكم بالتصفح تقدم واجهة مستخدم موحده لتوفير التنقل بين صفحات موقعك مثل تحكم :- 
SiteMapPath & Menu & Tree View)‏ ( 


ازات التحك هذه لتخم خدمه التمفح خلال المرق لأنترجاع هكاة لمر الى قنك انت ترقا 
في موقعك. وهى احد المميزات التي توفر الكثير من الوقت والجهد , وألان لنستعرض أدوات التصفح 
في ASP.NET J|‏ 


رھ مر کح گا کے الشگل الال 


z*** Site MapPath 
Menu 


TFEEY jE 


والان سوف نشرح هذة الادوات واحدة تلو الاخرى - فلا تقلق وسوف أعمل مثال يوضح كيفية 
التعامل مع هذة الادوات 


والان لنبدا بالمتال الاول مع الاداة ٣a ٣(‏ مع MعSİt)‏ و )Menu)(‏ حیث کلا منھما یکمل الأخر , لیس 
بالضرورة أن تستعمل الأداتان في نفس الوقت , ولكن كشكل او عرض يفضل وجودهما معا - هذا من 
وجة نظري الت د ية , 


والان لنعرض المثال 


رل تق اام مشروع كي و أضافة مات له كنا هر مرضح في الكل اتال 


SHAEHEIET 


D:"...1NavigationTools", 
` |7 تpPpP_Gaاa‎ 
` ly Hardware 
1 2] Default C5. aspx 
2] Default_¥B.aspx 
Images 
lêl arrow. GIF 
ll devices .giF 
lêl dotHET_masthead_lItr .qiF 
lal ppc_main.ipg 
lêl windowslobile_logoa. gif 
Metwaork 
îz] Default _S.aSpx 
EE] Default_¥B.aspx 
Software 
2] Default _C5.aspx 
E] Default_vB.aspx 
El Cefault_C5.a5px 
E] Default_vB.aspx 


| Solution E | Database... | FR Properties 


آemماةا€ك نقوم بإضافة عنصر جديد وهو (م13 عأ5) من القوالب الموجودة‎ 
Add New Item - D "Documents and Settings 1324651, My Documents, Book Samples LhapEET O2 Nad 


yYisual Studio installed templates 


3Z] web Forrn Master Page BZ] web User Control 
|] HTML Fag eg] web Service e] Class 
E Style Sheet ۹% Global Application Class E eb tonfiguration File 
[Î] XL File j] Text File AResource File 
T Database |i] Dataset E] Generic Handler 
ap Ej Mobile Web Form ES ]YBSeript File 
E att File FT Mobile Web Liser Control E Mobile Web Configuration File 
êþ XSLT File ğF Skin File ig] Browser File 


My Templates 


ui} Search Online Templates... 


[A File used to create a sike map 
Name: | web .siternap 
Lé aug: [isual Easle آ2‎ E îî Sepa ate NIE 


a [J cre | 


هو الدليل الذي يكون به جميع وصلات المشروع , أو كما يسمى خارطة الموقع بعد أختيارك للملف 
(5|8۴) سوف تحتاج الى إدخال بيانات كل وصلة في الموقع الخاص بك وهي كالأتي: - 


ES 


)٣أم( وصف مبسط عن الوصلة وما تحتويه والوصف يظهر في شكل‎ Description 


وفيها يحدد من له الحق في أن يرى هذه الوصلة (سيتم شرح هذه النقطة لاحقا في 


دروس قادمة ن ام اللہ اأخاصة بالامنية 


بعد أن قمت بأضافة الملف قم بأضافة الوصلات الخاصة بموقعك كما هو الحال في الشكل التالي. 


.Sîtemap™ 
<Zxml version="1.0" encoding="utf-=8" 7> 
E «siteMap xmlns="http: Emi MIGEOSOE 


<aIitEMapNQdeCur IF"Default _cs.a3p 


<siteHapNode ur 1=" Hardware’ Default _C5.aspx" 


لقخصصي العتاد الصلب و الأدوات الخاص باكاس"=8صt4صdêsêri‏ 
4s1iteNapMode ur 1=" Hardware! Default CS.aspx?Category=HE™‏ العنو ان انڏ سوفا يظهر 
</"كل ها يتعلق بالوحة الام "“صحت٤م1ععوعك‏ "اللوحة الام" ع1ع1ع 7 
«siteHapNode ur l="~\ Hardware Default CS5.aspx?Category=PR"‏ 
</"تل تا يتعلق بالمعاغي"=>îiption title ="jll” desert‏ 
4f siteRapNode>‏ 


a 1telapNods ur 1=" Software Default CS.a8px" 
ti1" u#E JI" 


deêSCE <"للميرجين و الظورين" “15 ]ض1‎ 
<siteHapNode url1="~\ Software Default C5. aspx?Category=Op™ ع121e خم "تظع التقغيل"=‎ 
ssiteHapNode ur 1="~\ Software’ Pefault CS.aspxWategory=Bu”" title =" جر "پرامج أ عمال‎ 
+8 iteHapHode ur 1=" Software DefaAGIE_CS.aspx?Category=Ga" titlêëê =۴ i 
taiteHapNode ur 1="~{ Software\ Default C8. aspx?Category=Ut" title ="ûiol i+ gael jب"‎ < 
4f a 1reHapHosdes 


ssiteMapNode ut l="~\Network" Default _C3.,aspx" 
EiCI8="S™ 
dêŠSF i pضغËخ <"للمررجين و ابلطورین "م5‎ 
4S 1tEHapHode ue 1=" ANetmorki Default C3. aspx ?Category"ViOp™ eعiع1ة‎ =" الأنيات الود‎ E 
<aitelfapkode ur l=w\ Network! Default C8 .aspx?Category=VOIP" Eitle EET حم "الاقف خلال‎ 
4siteHapNaode url="~\Netuork\ Default C3.aspx?Category=UiLe" tilê ="aخاw ار "شبکات لا‎ 
٣ 4f aiteHapNode> 
ا‎ tf BiteHapNodêz> 
La iteMap> 


بعد ذلك نقوم بإضافة بعض العناصر للصفحة (ع۴a9‏ 456۲ 11) وهي عبارة عن جدول وبه 


(Content Place Holler) Jly, , (Sitemap path, Menu) 


< لوار العمرام تشر الى مامي بالسماع لتقي اھ ت یھ تسو ی 


GE E Er erer a Crt Ts‏ و و ت > ج ج و س س ف اهت ل ا لعا دل فع وي 
i Applicant Ferm r Teg mle: Fim [rine im [4 ih 5 ler TEI‏ 1 
ET PPE‏ ب Hx AREA‏ : 


Eat leds = Lani Hadg * Current Node 
Menus Tasks 


iji Farmriak 


ese) akat 


سج 


Carat E Cyr arhan Tap. _ 
arrart Re SERE le Tarelne 
Ei Temaplairees 


3 Cry AF agit Tm 
EH HIM 
5 General 


There are ris abe cork ols bt thks 


Ia FL ha heh Ba rami Eî 
| Hrpigahes hen xece, 


لاحظ الدوائر الحمراء تشير الى مايسمى بالمساعد الذكى( ۲29 خ5۳2۲) 
ی ي 


حيث ان الضغظ عليها تظهر قائمة بأهم الخواص للعنصر التابع له. 


AıIEo ForrnaE..,. 


کو س تر و سر یت کےا |< Choose Data Source: (None)‏ 


| Fone) 


views: <hlew data source...> _ ___ | 
CÊdit Menu Items...) 


Lonyert Eo OynarniclternTermplate 


هن شنا تقوم بكعبئة القائمة يدويا > 


wLonywert to StaticltemTemplate 


Edit Ternplates 


عند الضغط على إل (۲30 53۲) الخاص بال (ا18۸) كما في الشكل السابق نقوم الان بتحديد 


(New Data S0UrC€E) رlتخig‎ ةnئlall مصدر البيانات‎ 


OData Source Configuration Wizard 


LL Choose a Data Source Type 


here will the application get data fronn” 


تقو ح ياختيار مسصذر اتيياتات تتلقاتهةه 
Site Map‏ 


Connect to the site navigation trees For this application {requires a valid sitemap Fils at Eha application raat). 


Specify an ID for the data source: 


+BFEEMapDataSource N E 


عند الاختيار سوف تظهر هذة النافذة والتي نختار منها نوع مصدر البيانات التي سوف تستخدمها 
القائمة وسوف نختار إل (م”ع51). بعد ذلك نقوم بالدخول على الملف (و (Web.C‌o nf‏ 
و سنضیيف بعض السطور به وهي التعريف یسمی بالىحصص (Provider)‏ 


, Web, Config* 7 Hardware Default C5. ã5p NestwarDefaulk_C5.aspx 
machine .conT ig. comments ugually located in 
1" Uindous Hicrosoft . Net Framework vwê .x\ Config 
َ afl 1 1 E7 r J 
فد انقزر تقر اتسس‎ 4 
Prûv|Idêfš النفسنض‎ ã <eonî igurat ion> yg 
اوهلا يتم تعريف بعض المغتبات‎ xappSett ings / > 


4eaRREETI1onStr ing3,/ >‏ باللضافة الى معلومات أقرى 
#Syatenm . vehb>‏ _ الي a‏ غو pa‏ 

___ Mamê E 
Se Ee me 1 Sa 1E NaAFP 


ِ _SPEOVIQEFS> 
SFemoue name="AapNetim13iteNapProvider” /> 
س س‎ E 
add qDame="isplNet Xml5 iteMapProvider™™ 
tEypa=rsystem . Web. mISiteKapProvider , System. Web, 
VErS{ioH=1. 2,3400.0, CuUIEUFE=REuEEaL, 
Fu licKeyToken=bO3f5fTE11450a43 4” 


_ SECUrITYTrE immingE nab led="true™ 
“ETEEMapF i le="Webh, sitemap" JE: 
4 pEOViIdEES? 


وهنا يتم تعريف بعض المكتبات بالاضافة الى معلومات أخرى الشي المتغير فيها هو الاسم 


)Name(‏ والملف (ع أ۴ مع MعاSi)‏ كما في الشكل. 


نقوم هنا بأدخال أسم المخصص الذي أدخلناه في ملف ال (Web.config)‏ 
Map Path tk)‏ 


کشا تقوم فضا فال اسع المخصك, 
١‏ الذي خاد ` 
فی منف اواد Web.‏ 


ferderGurrantNlodeAsL ink. 
El Behayiar 
Enabled 
Enable Thamrin 
EnableviewStakte 
ParentLevelsDtsplayed 


Aspe tXmlSite Ia pProvi der Î 


(Expressing) 
El Layout 

Height 
Wh 


TreeYiewy Tasks 


 tKuto Format. ا‎ FKeoot & 
ا ڇ س‎ Farent 1 8 
CChoose Data Sotrce i n7 i Leaf 1 
Edit Nodes... ER Leaf 2 
CT Show Lines: Parent 2 4 
2 i Leaf 1 
i Leaf 2 


نقوم بوضع العنصر ( ۷|۷ ع٠۲۲)‏ وبعد ذلك نقوم بالضغط على ال ٠29(‏ /53) الخاص بالعنصر 
ونختار ep 0a†ة50 u۲ ٣٤(‏ MعSit)‏ ونحن الان نكمل على المثال السابق حيث أننا سوف نستغل عنصر 
جلب البيانات المستخدم في العنصر (u"ع‏ ۷1) . 


لتعديل الشكل كل ماعليك هو الضغط على (غ۴F0۲۳a (Auto‏ 


Cuko Format, 
Choose Dat{Set control Formatting properties 


Refresh Schema 
Edit TreelYode Databindings... 
شد التشنك على هذ الشاصده ننه‎ 


اهار الط فى لادا منك تجريب 
شدة القاصدة 


أختار الشكل الذي تريدة ومن ثم أضغط على ()0). 


Table ûf Conktenks 


Windows Help 
#P File Explûrêf 


الشكل النهائي للمثال. 


3 Hatilad Page Hicr] Ielurmel Fapletar 


0= 0-H a Pee fmm O Gg E MHÛ 3 


1 Adie: §] Hipffkcshoet 1DILWekEhad Refik apr 


عمل قائمة ويتفرع منها عناصر مثل ۲۲٥٤‏ مثلا -: 

البيانات الاساسية وعند الضغط على عبارة البيانات الاساسية يتفرع منها تعريف الموظفين 
وتعريف العملاء وتعريف الموردين وهكذا 

كأنها شجرة البيانات الاساسية الاب والباقي الابناء يمكنك بإضافة ۷i۷‏ ۲۲۴۴ 


وتتم عملية تعبئتھا إِما باستخدام Site Map yi XML File‏ أو 


تعبئتها بشكل يدوي بعد أن تقوم بإضافة إل 


۷ ۲۴۵" ومن خلال الضغط على ١0۵١٥5(‏ اأ ع) في الزاوية العليا ستظهر لك 
خيارات التعبئة 


7 Default.aspn™ | Start Fags [ Object Bromser 


i=l Source | [sl[sboas=| =a 
أع تعبئة يدوية ستجد هناك خيارين‎ ١٠١٥5 إذا اخترت‎ 
. Add Chi|d .ينlلا ر‎ Add Root Jوألا‎ 


الى هذا الحد قد وصلنا الى نهاية هذا الموضوع , أرجو من الله أن يكون مفيد وأن أكون قد ساهمت في 
زيادة المعرفة و لو بشي يسير. وأتمنى ممن يجد خطأ أن يبلغني به » ومن لديه فائدة فليتحفني بها وكما 
ذكرت سابقا في البداية وأكرر. 


في النهاية فضلاً لو وجدت خطأ إملائي فسأكون في غاية السعادة لو راسلتني به على 
بريدي الالكتروني . 
Email: - nabil299@ Gmail .Com‏ 

ملاحظة : - الذي يريد عمل مشاريع تخر ج بالتقنية الذهبية Sudo‏ 1مuئVi‏ 

Window application C# OR VB.NET 

Web application ASP.NET 
عليه مراسلتي على الايميل أو الاتصال بهذا الرقم‎ 
+967 770 - 336 - 5 


على صفحتي بالفيس بوك (المهندس نبيل مصلي) 
http://www.facebook.com/nabilmosali?ref=tn tnmn#!/nabilmosali‏ 


او على مجموعتي (ملتقى المبرمجين العرب) 
/http://www.facebook.com/#!/groups/Mubarak.alsoudi‏ 


أكرر شكري مرة أخرى لكل من ساهم أو دعمني في كتابة هذا الموضوع . 


